<template>
    <view class="before-login-page">
        <image class="before-login-image" src="../../static/背景2.jpg" alt="背景2"></image>
        <view class="choose-login-type">
            <view class="account-login-btn" hover-class="account-login-btn-hover" @click="gotoLogin">账号密码登录</view>
            <view class="no-login-text" @click="goToNoLogin">暂不登录</view>
        </view>
    </view>
</template>

<script setup lang="ts">
function gotoLogin() {
    uni.navigateTo({
        url: '/pages/login/index'
    })
}

function goToNoLogin() {
    uni.switchTab({
        url: '/pages/index/index'
    })
}
</script>

<style scoped>
.before-login-image {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

.choose-login-type {
    position: fixed;
    top: 1206rpx;
    left: 83rpx;
    width: 586rpx;
    text-align: center;
}

.account-login-btn {
    width: 586rpx;
    height: 96rpx;
    line-height: 96rpx;
    background-color: #fff;
    color: #0A65DB;
    border-radius: 12rpx;
}

.account-login-btn-hover {
    background-color: #f1f1f1;
}

.no-login-text {
    margin-top: 40rpx;
    color: #fff;
}
</style>
